const signInBtn = document.getElementById("signIn");
const signUpBtn = document.getElementById("signUp");
const fistForm = document.getElementById("form1");
const secondForm = document.getElementById("form2");
const container = document.querySelector(".container");
const btn = document.getElementById("btn1");
signInBtn.addEventListener("click", () => {
    container.classList.remove("right-panel-active");
});

signUpBtn.addEventListener("click", () => {
    container.classList.add("right-panel-active");
});

fistForm.addEventListener("submit", (e) => e.preventDefault());
secondForm.addEventListener("submit", (e) => e.preventDefault());

var user2 = document.getElementById("username2").value;
var psd2 = document.getElementById("password2").value;
function sendtext() {
    var aj = new XMLHttpRequest();

    // 配置ajax对象，如果是传递json类型的数据，请求类型必须得是post
    aj.open('post', 'http://119.91.210.79:3000/login');

    // 传递json类型的数据，要设置成下面的格式，固定写法
    aj.setRequestHeader('Content-Type', 'application/json');

    // 发送请求，借助stringify来转为字符串格式进行传递
    aj.send(JSON.stringify({
        name: 'qgstudio',
        password: 'qgstudio'
    }));
    // 获取服务器端响应的数据
    aj.onload = function () {
        console.log(aj.responseText);
    }
    var psd = document.getElementById("password1").value;
    var psd1 = document.getElementById("password2").value;
    if (psd1 == psd)
        Alert("成功登陆！");
    else
        Alert("密码错误！");
}
function sign() {
    var val1 = document.getElementById("username1").value;
    var val2 = document.getElementById("password1").value;
    var val3 = document.getElementById("password3").value;
    if (val3 != val2)
        Alert("两次输入的数值不同！");
    else
        if (val1 && val2)
            Alert("成功注册！");
}
function Alert(str) {
    var msgw, msgh, bordercolor;
    msgw = 350;//提示窗口的宽度
    msgh = 80;//提示窗口的高度
    titleheight = 25 //提示窗口标题高度
    bordercolor = "#336699";//提示窗口的边框颜色
    titlecolor = "#a6c0fe";//提示窗口的标题颜色
    var sWidth, sHeight;
    //获取当前窗口尺寸
    sWidth = document.body.offsetWidth;
    sHeight = document.body.scrollHeight;
    //背景div
    var bgObj = document.createElement("div");
    bgObj.setAttribute('id', 'alertbgDiv');
    bgObj.style.position = "absolute";
    bgObj.style.top = "0";
    bgObj.style.background = "#E8E8E8";
    bgObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
    bgObj.style.opacity = "0.6";
    bgObj.style.left = "0";
    bgObj.style.width = sWidth + "px";
    bgObj.style.height = sHeight + "px";
    bgObj.style.zIndex = "10000";
    document.body.appendChild(bgObj);
    //创建提示窗口的div
    var msgObj = document.createElement("div")
    msgObj.setAttribute("id", "alertmsgDiv");
    msgObj.setAttribute("align", "center");
    msgObj.style.background = "white";
    msgObj.style.border = "1px solid " + bordercolor;
    msgObj.style.position = "absolute";
    msgObj.style.left = "50%";
    msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
    //窗口距离左侧和顶端的距离
    msgObj.style.marginLeft = "-225px";
    //窗口被卷去的高+(屏幕可用工作区高/2)-150
    msgObj.style.top = document.body.scrollTop + (window.screen.availHeight / 2) - 150 + "px";
    msgObj.style.width = msgw + "px";
    msgObj.style.height = msgh + "px";
    msgObj.style.textAlign = "center";
    msgObj.style.lineHeight = "25px";
    msgObj.style.zIndex = "10001";
    document.body.appendChild(msgObj);
    //提示信息标题
    var title = document.createElement("h4");
    title.setAttribute("id", "alertmsgTitle");
    title.setAttribute("align", "left");
    title.style.margin = "0";
    title.style.padding = "3px";
    title.style.background = bordercolor;
    title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
    title.style.opacity = "0.75";
    title.style.border = "1px solid " + bordercolor;
    title.style.height = "18px";
    title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";
    title.style.color = "white";
    title.innerHTML = "hxf温馨提示";
    document.getElementById("alertmsgDiv").appendChild(title);
    //提示信息    
    var txt = document.createElement("p");
    txt.setAttribute("id", "msgTxt");
    txt.style.margin = "16px 0"
    txt.innerHTML = str;
    document.getElementById("alertmsgDiv").appendChild(txt);
    //1.5秒钟后窗口自动关闭  
    window.setTimeout("closewin()", 1500);
}
function closewin() {
    undefined
    document.body.removeChild(document.getElementById("alertbgDiv"));
    document.getElementById("alertmsgDiv").removeChild(document.getElementById("alertmsgTitle"));
    document.body.removeChild(document.getElementById("alertmsgDiv"));
}
